<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    产生的随机数是
    <input id="inp" type="text">
    <input type="button" value="判断是奇数还是偶数" id="isJi">
    <input type="text" id="showJi">
    <input type="button" value="刷新" id="refresh">


    <script>

        // 1 拿对象

        var oInp = document.getElementById('inp') ;
        var oIsBtn = document.getElementById('isJi') ;
        var oShowJi = document.getElementById('showJi') ;
        var oRefresh = document.getElementById('refresh') ;

        // 实现功能
        //    1 显示产生的随机数
        //    2 判断奇数偶数
        //    3 实现刷新效果


        // 1 显示产生的随机数
        var num = parseInt(Math.random() * 100) ;
        // 把随机数存入框中
        oInp.value = num ;


        // 3 刷新
        oRefresh.onclick = function () {  
            num = parseInt(Math.random() * 100) ;
            // 把随机数存入框中
            oInp.value = num ;

            // 清空判断奇数偶数
            oShowJi.value = '' ;
        }


        // 2 判断奇数偶数
        oIsBtn.onclick = function () {  
            if(num % 2 === 0) {
                oShowJi.value = '偶数';
            }
            else {
                oShowJi.value = '奇数';
            }
        }

    </script>
    
</body>
</html>